<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="decorator" uri="http://www.opensymphony.com/sitemesh/decorator"%>
    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title><decorator:title/></title>

<link href="media/css/bootstrap.min.css" rel="stylesheet"
	type="text/css" />
<link href="media/css/bootstrap-responsive.min.css" rel="stylesheet"
	type="text/css" />
<link href="media/css/font-awesome.min.css" rel="stylesheet"
	type="text/css" />
<link href="media/css/style-metro.css" rel="stylesheet" type="text/css" />
<link href="media/css/style.css" rel="stylesheet" type="text/css" />
<link href="media/css/style-responsive.css" rel="stylesheet"
	type="text/css" />
<link href="media/css/default.css" rel="stylesheet" id="style_color"
	type="text/css" />
<link href="media/css/uniform.default.css" rel="stylesheet"
	type="text/css" />

<link rel="shortcut icon" href="media/image/favicon.ico" />

<decorator:head/>
</head>

<body class="page-header-fixed">

	<div class="header navbar navbar-inverse navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container-fluid">

				<a class="brand" href="main"> <img src="media/image/logo.png" alt="logo" />数据中心</a>
					
				<a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse"> 
					<img src="media/image/menu-toggler.png" alt="" />
				</a>

				<ul class="nav pull-right">
					<li class="dropdown" id="header_notification_bar">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
							<i class="icon-warning-sign"></i> 
							<span class="badge">0</span>
						</a>
						<ul class="dropdown-menu extended notification">
							<li>
								<p>您有0项通知</p>
							</li>							
							<li class="external">
								<a href="#">查看所有通知<i class="m-icon-swapright"></i></a>
							</li>
						</ul>
					</li>

					<li class="dropdown" id="header_inbox_bar">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
							<i class="icon-envelope"></i> <span class="badge">0</span>
						</a>
						<ul class="dropdown-menu extended inbox">
							<li>
								<p>您有0条消息</p>
							</li>
							<li class="external">
								<a href="inbox.html">查看所有消息<i class="m-icon-swapright"></i>
								</a>
							</li>
						</ul>
					</li>

					<li class="dropdown" id="header_task_bar">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
							<i class="icon-tasks"></i> <span class="badge">0</span>
						</a>
						<ul class="dropdown-menu extended tasks">
							<li>
								<p>你有0项待办任务</p>
							</li>
							<li class="external">
								<a href="#">查看所有任务<i class="m-icon-swapright"></i></a>
							</li>
						</ul>
					</li>

					<!-- BEGIN USER LOGIN DROPDOWN -->
					<li class="dropdown user">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
							<!-- <img alt="" src="media/image/avatar1_small.jpg" /> -->
							<img alt="" src="img/chatman.png" />  
							<span class="username" id="personname"></span>
							<i class="icon-angle-down"></i>
						</a>

						<ul class="dropdown-menu">
							<li><a href="#"><i class="icon-user"></i>个人</a></li>
							<li><a href="#"><i class="icon-calendar"></i>日程</a></li>
							<li><a href="#"><i class="icon-envelope"></i>信箱</a></li>
							<li><a href="#"><i class="icon-tasks"></i>任务</a></li>
							<li class="divider"></li>
							<li><a href="#"><i class="icon-lock"></i>锁屏</a></li>
							<li><a href="logout"><i class="icon-key"></i>退出</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<div class="page-container">
	
		<div class="page-sidebar nav-collapse collapse">
			<ul class="page-sidebar-menu">
				<li>
					<div class="sidebar-toggler hidden-phone"></div>
				</li>
				
				<li>
					<form class="sidebar-search">
						<div class="input-box">
							<a href="javascript:;" class="remove"></a> <input type="text"
								placeholder="查询..." /> <input type="button" class="submit"
								value=" " />
						</div>
					</form>
				</li>

				<li class="start" id="li_main">
					<a href="main"> 
						<i class="icon-home"></i>
						<span class="title">系统概览</span> 
						<span class="selected"></span>
					</a>
				</li>

				<li class="" id="li_db">
					<a href="javascript:;"> 
						<i class="icon-sitemap"></i>
						<span class="title">数据库监控</span> 
						<span class="arrow "></span>
					</a>
					<ul class="sub-menu">
						<li id="dbmonitor"><a href="dbmonitor">运行状态</a></li>
						<li id="cnmonitor"><a href="cnmonitor">连接数监测</a></li>
						<!-- <li><a href="#">运行日志</a></li> -->
					</ul>
				</li>
				
				<li class="" id="li_sv">
					<a href="javascript:;"> 
						<i class="icon-bar-chart"></i>
						<span class="title">服务器监控</span> 
						<span class="arrow "></span>
					</a>
					<ul class="sub-menu">
						<li id="svmonitor"><a href="servermonitor">运行状态</a></li>						
					</ul>
				</li>
				
				<li class="" id="li_mq">
					<a href="javascript:;"> 
						<i class="icon-table"></i>
						<span class="title">消息队列监控</span> 
						<span class="arrow "></span>
					</a>
					<ul class="sub-menu">
						<li id="queuemonitor"><a href="queuemonitor">队列模式</a></li>	
						<li id="topicmonitor"><a href="topicmonitor">主题模式</a></li>						
					</ul>
				</li>
				
				<li class="" id="li_xj">
					<a href="javascript:;"> 
						<i class="icon-briefcase"></i>
						<span class="title">数据巡检</span> 
						<span class="arrow "></span>
					</a>
					<ul class="sub-menu">
						<li id="data_dh"><a href="data_dh">东航数据</a></li>	
						<li id="data_sh"><a href="data_sh">山航数据</a></li>						
						<li id="data_qh"><a href="data_qh">青航数据</a></li>
						<li id="data_aoc"><a href="data_aoc">AOC数据</a></li>
						<li id="data_kg"><a href="data_kg">空管数据</a></li>						
					</ul>
				</li>
				
				<li class="" id="li_dbak">
					<a href="javascript:;"> 
						<i class="icon-file-text"></i> 
						<span class="title">数据备份</span> 
						<span class="arrow "></span>
					</a>
					<ul class="sub-menu">
						<li id="backupfile"><a href="backupfile">备份文件查看</a></li>
						<!-- <li><a href="#">备份下载</a></li> -->
					</ul>
				</li>
				
				<li class="" id="li_topo">
					<a href="javascript:;"> 
						<i class="icon-map-marker"></i> 
						<span class="title">数据拓扑</span> 
						<span class="arrow "></span>
					</a>
					<ul class="sub-menu">
						<li id="topobrowser"><a href="topobrowser">拓扑关系查看</a></li>						
					</ul>
				</li>
				
				<li class="" id="li_mdf">
					<a href="javascript:;"> 
						<i class="icon-th"></i>
						<span class="title">修改配置</span> 
						<span class="arrow "></span>
					</a>
					<ul class="sub-menu">						
						<li id="dbmodify"><a href="dbmodify">数据库配置修改</a></li>
						<li id="svmodify"><a href="svmodify">服务器配置修改</a></li>
						<li id="backupmodify"><a href="backupmodify">数据库备份配置修改</a></li>	
						<li id="topomonitor"><a href="topomonitor">拓扑关系修改</a></li>					
					</ul>
				</li>
				
				<li class="" id="li_sys">
					<a href="javascript:;"> 
						<i class="icon-cogs"></i>
						<span class="title">添加配置</span> 
						<span class="arrow "></span>
					</a>
					<ul class="sub-menu">
						<li id="dbconfig"><a href="dbconfig">数据库添加</a></li>
						<li id="svconfig"><a href="serverconfig">服务器添加</a></li>
						<li id="backupconfig"><a href="backupconfig">数据库备份添加</a></li>
						<li id="mqconfig"><a href="mqconfig">MQ监控添加</a></li>
						<li id="topologydrawer"><a href="topologydrawer">拓扑关系添加</a></li>
					</ul>
				</li>
			</ul>
		</div>

		<div class="page-content">
			<div>
				<decorator:body/>
			</div>  
		</div>
	</div>

	<script src="media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
	<script src="media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>
	<script src="media/js/bootstrap.min.js" type="text/javascript"></script>

	<script src="js/jquery.cookie.js"></script>
	<script src="media/js/app.js" type="text/javascript"></script>
	
	<script>
		jQuery(document).ready(function() {    
		   App.init();
		});
	</script>
	
</body>
</html>